

layui.use('table', function () {
    var table = layui.table;
    //第一个实例
    table.render({
        elem: '#demo'
        , url: '/stu/findAllStu' //数据接口
        , method: 'post'
        , page: true //开启分页
        , toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
        , limit: 7
        , id:'testReload'
        , limits: [3, 5, 7]
        , cols: [[
            { width: 80, type: 'checkbox' },
            { field: 'stuId', width: 100, title: '学生ID', sort: true,hide:true },
            { field: 'stuNum', width: 90,title: '学号', sort: true,},
            { field: 'stuName', width: 120,title: '学生姓名' },
            { field: 'mobile', width: 120,title: '手机号' },
            { field: 'sex', width: 60,title: '性别' , },
            { field: 'age', width: 90,title: '年龄', sort: true },
            { field: 'idType', width: 100,title: '证件类型' },
            { field: 'idNum', width: 150,title: '证件号码', sort: true },
            { field: 'birthday', width: 140,title: '出生日期', sort: true },
            { field: 'deleteFlag', width: 140,title: '删除标志', hide:true },
            { field: 'nativePlace', width: 200,title: '籍贯' },
            // { field: 'createDate', width: 170,title: '创建时间', sort: true },
            // { field: 'updateDate', width: 170,title: '修改时间', sort: true },
            { field: 'right', width: 100, title: '操作', toolbar: '#barDemo' },
        ]],


        done: function(res, curr, count) {
            $("[data-field='sex']").children().each(function () {
                if ($(this).text() == 'F') {
                    $(this).text('男');
                } else if ($(this).text() == 'M') {
                    $(this).text('女');
                }
            });

            $("[data-field='idType']").children().each(function () {
                if ($(this).text() == '1') {
                    $(this).text('身份证');
                } else if ($(this).text() == '2') {
                    $(this).text('香港身份证');
                }else if ($(this).text() == '3') {
                    $(this).text('澳门身份证');
                }
            });

        },
        parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
            return {
                "code": res.code, //解析接口状态
                "msg": res.msg, //解析提示文本
                "count": res.count, //解析数据长度
                "data": res.data //解析数据列表
            };
        },
        request: {
            pageName: 'page' // 页码的参数名称，默认：page
            , limitName: 'limit' //每页数据量的参数名，默认：limit
        },
    });
    //监听排序
    table.on('sort(test)',function(obj){
        table.reload('testReload', {
            initSort:obj
        });
    });
    table.reload('testReload',{})

    //表单数据重载
    var $ = layui.$,active = {
        reload: function(){
            var stuName=$("#stuName");
            var mobile=$("#mobile");
            var sex=$("#sex");
            var age=$("#age");
            var idNum=$("#idNum");
            //执行重载
            table.reload('testReload', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                ,where: {
                    stuName: stuName.val(),
                    mobile: mobile.val(),
                    sex: sex.val(),
                    age: age.val(),
                    idNum: idNum.val(),
                }
            });
        }
    };
    $('.demoTable .layui-btn').on('click', function(){
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
    });

    //监听头工具事件----添加
    // table.on('toolbar(test)', function(obj){
    //     var checkStatus = table.checkStatus(obj.config.id)
    //         ,data = checkStatus.data; //获取选中的数据
    //     switch(obj.event){
    //         case 'add':
    //             // layer.msg('添加')
    //             layer.open({
    //                 type: 1 //此处以iframe举例
    //                 , title:'学生信息录入表'
    //                 , area: ['800px', '650px']
    //                 , shade: 0
    //                 , maxmin: true
    //                 ,content:$("#insertPage")
    //             })
    //
    //
    //
    //
    //             $.ajax({
    //                 type:"post",
    //                 url:'/stu/selPro',
    //                 contentType: "application/json;charset=utf-8",
    //                 dataType:"json",
    //                 success:function (provinces) {
    //                     var $province="<option value=''>请选择</option>";
    //                     for(var i=0;i<provinces.length;i++) {
    //                         $province+="<option value="+provinces[i].provinceid+">"+provinces[i].province+"</option>"
    //                     }
    //                     //查询到省
    //                     $("select[name='istProvince']").html($province);
    //                     //当select发生改变时
    //                     $("select[name='istProvince']").change(function(){
    //                         $.ajax({
    //                             type:"post",
    //                             url:'/stu/selCity',
    //                             contentType: "application/json;charset=utf-8",
    //                             dataType:"json",
    //                             success:function (cities) {
    //                                 var $city="<option value=''>请选择</option>";
    //                                 for(var i=0;i<cities.length;i++) {
    //                                     if($("select[name='istProvince'] option:selected").val()==cities[i].provinceid){
    //                                         $city+="<option value="+cities[i].cityid+">"+cities[i].city+"</option>"
    //                                     }
    //                                 }
    //                                 $("select[name='istCity']").html($city);           //html会覆盖默认
    //                                 // $("select[name='istArea']").html("<option value=''>请选择</option>");
    //
    //
    //                                 $("select[name='istCity']").change(function(){
    //                                     $.ajax({
    //                                         type:"post",
    //                                         url:'/stu/selArea',
    //                                         contentType: "application/json;charset=utf-8",
    //                                         dataType:"json",
    //                                         success:function (areas) {
    //                                             var $area="<option value=''>请选择</option>"
    //                                             for(var i=0;i<areas.length;i++) {
    //                                                 if($("select[name='istCity'] option:selected").val()==areas[i].cityid){
    //                                                     $area+="<option value="+areas[i].areaid+">"+areas[i].area+"</option>"
    //                                                 }
    //                                             }
    //                                             $("select[name='istArea']").html($area);
    //                                         },error:function () {
    //                                             layer.msg("添加请求失败3");
    //                                         }
    //                                     })
    //                                 })
    //
    //                             },error:function () {
    //                                 layer.msg("添加请求失败2");
    //                             }
    //                         })
    //                     });
    //
    //                 },error:function (error) {
    //                     layer.msg("添加请求失败1");
    //                 }
    //             })
    //
    //             $("#insertStu").click(function () {
    //                 var istData={
    //                     "stuNum":$("#istStuNum").val(),
    //                     "stuName":$("#istStuName").val(),
    //                     "mobile":$("#istMobile").val(),
    //                     "age":$("#istAge").val(),
    //                     "sex":$("#istSex").val(),
    //                     "idType":$("#istIdType").val(),
    //                     "idNum":$("#istIdNum").val(),
    //                     "birthday":$("#istBirthday").val(),
    //                     "provincesId":$("select[name='istProvince']").val(),
    //                     "citiesId":$("select[name='istCity']").val(),
    //                     "areasId":$("select[name='istArea']").val(),
    //                     "detailAddr":$("#istDetailAddr").val()
    //                 }
    //
    //                 $.ajax({
    //                     type:"post",
    //                     url:'/stu/insertStu',
    //                     data:JSON.stringify(istData),                                            //JS对象转换为字符串
    //                     contentType: "application/json;charset=utf-8",
    //                     dataType:"json",
    //                     success:function (istData) {
    //                         if(istData=='1'){
    //                             layer.msg('添加成功',{icon:6,time:1000},function () {
    //                                 window.location.reload();
    //                             })
    //                         }else if(istData=='0'){
    //                             layer.msg('添加失败',{icon:5,time:1000},function () {
    //                                 window.location.reload();
    //                             })
    //                         }
    //                     },error:function (error) {
    //                         layer.msg("添加请求失败")
    //                     }
    //
    //                 });
    //             })
    //             break;
    //         case 'update':
    //             if(data.length === 0){
    //                 layer.msg('请选择一行');
    //             } else if(data.length > 1){
    //                 layer.msg('只能同时编辑一个');
    //             } else {
    //                 layer.alert('编辑 [id]：'+ checkStatus.data[0].id);
    //             }
    //             break;
    //         case 'delete':
    //             if(data.length === 0){
    //                 layer.msg('请选择一行');
    //             } else {
    //                 layer.msg('删除');
    //                 $.ajax({                //批量删除
    //                     type:"post",
    //                     url:'/stu/deleteList',
    //                     contentType: "application/json;charset=utf-8",
    //                     data:JSON.stringify(json),
    //                     dataType:"json",
    //                     success:function (delData) {
    //                         if(delData > 1){
    //                             layer.msg('删除成功',{icon:6,time:1000},function () {
    //                                 window.location.reload();
    //                             })
    //                         }else if(delData < 1) {
    //                             layer.msg('删除失败', {icon: 5, time: 1000}, function () {
    //                                 window.location.reload();
    //                             })
    //                         }
    //                     },error:function (error) {
    //                         layer.msg("删除请求失败");
    //                     }
    //                 })
    //             }
    //             break;
    //     };
    // });

    //监听行工具事件
    table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
        var data = obj.data //获得当前行数据
            ,layEvent = obj.event //获得 lay-event 对应的值
            ,dropdown=layui.dropdown;
        if(layEvent === 'more') {
            layer.confirm('真的添加么', function(index){
                var a ={
                    "stuId":data.stuId,
                    "gradeId":$("#gradeId").val(),
                    "gradeName":$("#gradeName").val()
                }
                console.log(a);
                $.ajax({
                    type:"post",
                    url:"/grastu/addGraStu",
                    contentType:"application/json;charset=utf-8",
                    data:JSON.stringify(a),
                    dataType:"json",
                    success:function(e){
                        if (e.code=='0000'){
                            layer.msg(e.code,{icon: 6,time:1000},function (){
                                window.location.reload();
                            });
                        }else if (e.code=='9999'){
                            layer.msg(e.code,{icon: 5,time:1000},function (){
                                window.location.reload();
                            });
                        }
                    }
                })



            })
        }
    });
});

//JS
layui.use(['element', 'layer', 'util'], function(){
    var element = layui.element
        ,layer = layui.layer
        ,util = layui.util
        ,$ = layui.$;

    //头部事件
    util.event('lay-header-event', {
        //左侧菜单事件
        menuLeft: function(othis){
            layer.msg('展开左侧菜单的操作', {icon: 0});
        }
        ,menuRight: function(){
            layer.open({
                type: 1
                ,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
                ,area: ['260px', '100%']
                ,offset: 'rt' //右上角
                ,anim: 5
                ,shadeClose: true
            });
        }
    });

});

layui.config({
    version: '1623988781494' //为了更新 js 缓存，可忽略
});
layui.use('form', function(){
    var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功

    //……

    //如果你的 HTML 是动态生成的，自动渲染就会失效
    //因此你需要在相应的地方，执行下述方法来进行渲染
    form.render('select');
});